<div class="page-content" id='createOrder'>
	<div id="fl-statement">
		<div class="page-header"></div>
		<div class="orange">*橙色名称标签为必填信息</div>
	</div>

	<div class="row">
		<div class="col-xs-12">
			<form class="form-horizontal">
				<div class="widget-box">
					<div class="widget-header header-color-blue"></div>
					<div class="widget-body">
						<div class="widget-main">
							<div class="row">
								<div class="col-md-12">
									<div class="col-md-6">
										<div class="form-group">
											<label for="customerId" class="col-sm-3 control-label no-padding-right orange">客户名</label>
											<div class="col-md-9">
												<select class="chosen-select col-md-4 v_required" id="customerId" data-placeholder="请输入客户" data-toggle="popover" data-trigger='manual' style="display: none;">
													<option value="">&nbsp;</option>
												</select>
												<button type="button" id="createCustomer" class="btn btn-xs btn-info">创建客户</button>
											</div>
										</div>

										<div class="form-group">
											<label for="villageId" class="col-sm-3 control-label no-padding-right orange">楼盘名</label>
											<div class="col-md-9">
												<select class="chosen-select col-md-4 v_required" id="villageId" data-placeholder="请输入楼盘名" data-toggle="popover" data-trigger='manual' style="display: none;">
													<option value="">&nbsp;</option>
												</select>
											</div>
										</div>

										<div class="form-group">
											<label for="houseNumber" class="col-sm-3 control-label no-padding-right orange">楼牌号</label>
											<div class="col-sm-9">
												<input type="text" class="col-xs-10 col-sm-5 v_required" id="houseNumber" data-toggle="popover" data-trigger='manual' maxlength="30">
												<button type="button" id="createHouse" class="btn btn-xs btn-info">创建房产</button>
											</div>
										</div>

										<div class="form-group">
											<label for="designerId" class="col-sm-3 control-label no-padding-right orange">设计师</label>
											<div class="col-md-9">
												<select class="chosen-select col-md-4 v_required" id="designerId" data-placeholder="请输入设计师" data-toggle="popover" data-trigger='manual' style="display: none;">
													<option value="">&nbsp;</option>
												</select>
											</div>
										</div>

										<div class="form-group">
											<label for="salesmanId" class="col-sm-3 control-label no-padding-right orange">业务员</label>
											<div class="col-md-9">
												<select class="chosen-select col-md-4 v_required" id="salesmanId" data-placeholder="请输入业务员" data-toggle="popover" data-trigger='manual' style="display: none;">
													<option value="">&nbsp;</option>
												</select>
											</div>
										</div>
										
										<div class="form-group">
											<label for="salesmanId" class="col-sm-3 control-label no-padding-right orange">业务员类型</label>
											<div class="col-md-9">
												<select class='col-xs-10 col-sm-5' id='salesmanType' data-toggle="popover" data-trigger='manual' ></select>
											</div>
										</div>

										<div class="form-group">
											<label for="designerId" class="col-sm-3 control-label no-padding-right">报价员</label>
											<div class="col-md-9">
												<select class="chosen-select col-md-4" id="quoterId" data-placeholder="请输入报价员" data-toggle="popover" data-trigger='manual' style="display: none;">
													<option value="">&nbsp;</option>
												</select>
											</div>
										</div>
										<div class="form-group">
											<label for="designerId" class="col-sm-3 control-label no-padding-right">跟单员</label>
											<div class="col-md-9">
												<select class="chosen-select col-md-4" id="escorterId" data-placeholder="请输入跟单员" data-toggle="popover" data-trigger='manual' style="display: none;">
													<option value="">&nbsp;</option>
												</select>
											</div>
										</div>
										<div class="form-group">
											<label for="backOrderName" class="col-sm-3 control-label no-padding-right">返单人员名称</label>
											<div class="col-sm-9">
												<input type="text" class="col-xs-10 col-sm-5 v_name" data-toggle="popover" data-trigger='manual' maxlength="8" id="backOrderName">
											</div>
										</div>
										<div class="form-group">
											<label for="backOrderPhone" class="col-sm-3 control-label no-padding-right">返单人员电话</label>
											<div class="col-sm-9">
												<input type="text" class="col-xs-10 col-sm-5 v_phone" data-toggle="popover" data-trigger='manual' maxlength="11" id="backOrderPhone">
											</div>
										</div>
										<div class="form-group">
											<label for="backOrderContent" class="col-sm-3 control-label no-padding-right">返单人员备注</label>
											<div class="col-sm-9">
												<textarea class="col-xs-10 col-sm-5" rows="3" data-toggle="popover" data-trigger='manual' maxlength="128" id="backOrderContent"></textarea>
											</div>
										</div>

									</div>
									<div class="col-sm-6">
									   <div class="form-group">
                                            <label for="orderType" class="col-sm-3 control-label no-padding-right orange">订单类型</label>
                                            <div class="col-sm-9">
                                                <select class='col-xs-10 col-sm-5 v_required' id='orderType' data-toggle="popover" data-trigger='manual' ></select>
                                            </div>
                                        </div>
									
										<div class="form-group">
											<label for="houseType" class="col-sm-3 control-label no-padding-right">房屋类别</label>
											<div class="col-sm-9">
												<select class='col-xs-10 col-sm-5' id='houseType' data-toggle="popover" data-trigger='manual' ></select>
												
											</div>

										</div>

										<div class="form-group">
											<label for="apartmentType" class="col-sm-3 control-label no-padding-right">房屋户型</label>
											<div class="col-sm-9">
												<input type="text" class="col-xs-10 col-sm-5" data-toggle="popover" data-trigger='manual' id="apartmentType" disabled>
											</div>
										</div>

										<div class="form-group">
											<label for="houseClass" class="col-sm-3 control-label no-padding-right orange">房屋类型</label>
											<div class="col-sm-9">
												<select class='col-xs-10 col-sm-5' id='houseClass' data-toggle="popover" data-trigger='manual' ></select>
											</div>
										</div>
										<div class="form-group">
											<label for="status" class="col-sm-3 control-label no-padding-right">订单状态</label>
											<div class="col-sm-9">
												<select class='col-xs-10 col-sm-5 v_required' id='status' data-toggle="popover" data-trigger='manual' ></select>
											</div>
										</div>
										<div class="form-group">
											<label for="houseArea" class="col-sm-3 control-label no-padding-right ">房屋面积</label>
											<div class="col-sm-9">
												<input type="text" class="col-xs-10 col-sm-5 " data-toggle="popover" data-trigger='manual' id="houseArea" disabled>
											</div>
										</div>
										<div class="form-group">
											<label for="notSalesmanName" class="col-sm-3 control-label no-padding-right">非业务人员名称</label>
											<div class="col-sm-9">
												<input type="text" class="col-xs-10 col-sm-5 v_name" data-toggle="popover" data-trigger='manual' maxlength="8" id="notSalesmanName">
											</div>
										</div>
										<div class="form-group">
											<label for="notSalesmanRate" class="col-sm-3 control-label no-padding-right orange">非业务提点</label>
											<div class="col-sm-9">
												<input type="text" class="col-xs-10 col-sm-5 v_required v_float" data-toggle="popover" data-trigger='manual' maxlength="11" value="0" id="notSalesmanRate">
											</div>
										</div>
										<div class="form-group">
											<label for="notSalesmanPhone" class="col-sm-3 control-label no-padding-right">非业务人员手机</label>
											<div class="col-sm-9">
												<input type="text" class="col-xs-10 col-sm-5 v_phone" data-toggle="popover" data-trigger='manual' maxlength="11" id="notSalesmanPhone">
											</div>
										</div>
										<div class="form-group">
											<label for="notSalesmanContent" class="col-sm-3 control-label no-padding-right">非业务备注</label>
											<div class="col-sm-9">
												<textarea class="col-xs-10 col-sm-5 v_name" rows="3" data-toggle="popover" data-trigger='manual' maxlength="50" id="notSalesmanContent"></textarea>
											</div>
										</div>

									</div>
								</div>
							</div>
						</div>
						<div class="widget-toolbox padding-8 clearfix span7 text-center">
							<button type="button" id="saveBtn" class="btn btn-primary">保存</button>
							<button type="button" id="cancelBtn" class="btn btn-default" >重置</button>
						</div>
					</div>
				</div>	
			</form>
		</div>
	</div>
</div>

<div class="modal fade" id="customerModal" tabindex="-1">
	<div class="modal-dialog" style="width:60%" >
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span>&times;</span><span class="sr-only">Close</span>
				</button>
				<h4 class="modal-title" id="customerDialog">客户</h4>
			</div>
			<div class="modal-body">
				<div class="row">
					<div class="col-xs-12">
						<form class="form-horizontal">
							<div class="col-md-12">
								<div class="col-md-6">
									<div class="form-group">
										<label class="col-sm-3 control-label no-padding-right" for="customerName">姓名</label>
										<div class="col-sm-9">
											<input type="text" id="customerName" maxlength="32" class="col-xs-10 col-sm-6 v_required v_name" data-toggle="popover" data-trigger='manual'/><span class='star'></span>
										</div>
									</div>

									<div class="form-group">
										<label class="col-sm-3 control-label no-padding-right" for="gender">性别</label>
										<div class="col-sm-9">
											<input type="checkbox" id="gender" />
										</div>
									</div>

									<div class="form-group">
										<label class="col-sm-3 control-label no-padding-right" for="identity">身份证号</label>
										<div class="col-sm-9">
											<input type="text" maxlength="21" id="identity" class="col-xs-10 col-sm-6" data-toggle="popover" data-trigger='manual'/>
										</div>
									</div>

									<div class="form-group">
										<label class="col-sm-3 control-label no-padding-right" for="officer">军官证</label>
										<div class="col-sm-9">
											<input type="text" maxlength="21" id="officer" class="col-xs-10 col-sm-6  " data-toggle="popover" data-trigger='manual'/>
										</div>
									</div>

									<div class="form-group">
										<label class="col-sm-3 control-label no-padding-right" for="passport">护照</label>
										<div class="col-sm-9">
											<input type="text" maxlength="21" id="passport" class="col-xs-10 col-sm-6  " data-toggle="popover" data-trigger='manual'/>
										</div>
									</div>

									<div class="form-group" id="phonehide">
										<label class="col-sm-3 control-label no-padding-right" for="phone">联系方式</label>
										<div class="col-sm-9">
											<input type="text" id="phone" maxlength="64" class="col-xs-10 col-sm-6 v_required v_phones2" data-toggle="popover" data-trigger='manual'/><span class='star'></span>
										</div>
									</div>


								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label class="col-sm-3 control-label no-padding-right" for="qq">QQ</label>
										<div class="col-sm-9">
											<input type="text" id="qq" maxlength="15" class="col-xs-10 col-sm-6 v_number" data-toggle="popover" data-trigger='manual'/>
										</div>
									</div>

									<div class="form-group">
										<label class="col-sm-3 control-label no-padding-right" for="wechat">微信</label>
										<div class="col-sm-9">
											<input type="text" id="wechat" maxlength="15" class="col-xs-10 col-sm-6 v_name_en" data-toggle="popover" data-trigger='manual'/>
										</div>
									</div>

									<div class="form-group">
										<label class="col-sm-3 control-label no-padding-right" for="email">邮箱</label>
										<div class="col-sm-9">
											<input type="text" id="email" maxlength="32" class="col-xs-10 col-sm-6 v_email" data-toggle="popover" data-trigger='manual'/>
										</div>
									</div>

									<div class="form-group">
										<label class="col-sm-3 control-label no-padding-right" for="relationshipType">客户类型</label>
										<div class="col-sm-9">
											<select class="col-xs-10 col-sm-6 v_required" id="relationshipType"></select>
										</div>
									</div>

									<div class="form-group">
										<label class="col-sm-3 control-label no-padding-right" for="address">通讯地址</label>
										<div class="col-sm-9">
											<textarea id="address" maxlength="128" class="col-xs-10 col-sm-6" rows="3"></textarea>
										</div>
									</div>

								</div>
							</div>
						</form>
					</div>
				</div>

			</div>

			<div class="modal-footer">
				<button type="button" id="createCustomerSaveBtn" class="btn btn-primary">保存</button>
				<button type="button" id="createCustomerCancelBtn" class="btn btn-default" data-dismiss="modal">取消</button>
			</div>

		</div>
	</div>
</div>

<div class="modal fade" id="houseModal" tabindex="-1">
	<div class="modal-dialog" style="width:60%">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"><span>&times;</span><span class="sr-only">Close</span></button>
				<h4 class="modal-title" id="myModalLabel">房产</h4>
			</div>
			<div class="modal-body">
				<div class="row">
					<div class="col-xs-12">
						<form class="form-horizontal">
							<div class="col-md-12">
								<div class="col-md-6">
									<div class="form-group " >
										<label for="no" class="col-sm-2 control-label no-padding-right">楼盘名</label>
										<div class="col-md-9">
											<select class="chosen-select col-md-4 v_required" id="no"  style="display: none;">
												<option value="">&nbsp;</option>
											</select>
											<span class='star'></span>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
									<label class="col-sm-3 control-label no-padding-right">户型</label>
									<div class="col-sm-9">
										<input type="text" class="v_required v_number" style="width:30px"   data-placement="top"   id="houseTypeOne" /> 室
										<input type="text" class="v_required v_number" style="width:30px"  data-placement="top"  id="houseTypeTwo" /> 厅
										<input type="text" class="v_required v_number" style="width:30px"   data-placement="top"  id="houseTypeThr" /> 厨
										<input type="text" class="v_required v_number" style="width:30px"  data-placement="top"   id="houseTypeFour" /> 卫
										<span class='star'></span>
									</div>
									</div>
								</div>
							</div>
							<div class="col-md-12">
								<div class="col-md-12">
									<div class="form-group" id="nhouseNumber">
										<label for="built" class="col-sm-1 control-label no-padding-right">楼牌号</label>
										<div class="col-sm-10">
											<input type="text" class="v_required col-sm-1" maxlength="7" style="float: none;"  id="built">
											<select id="builtrule" style="padding: 0px;font-size: 1px; height: 25px; vertical-align: bottom"></select>
											<input type="text" class="v_required col-sm-1" maxlength="3"  style="float: none;"  id="unit">
											<select  id="unitrule" style="padding: 0px;font-size: 1px; height: 25px; vertical-align: bottom"></select>
											<input type="text" class="v_required col-sm-1" maxlength="3"  style="float: none;" id="floor">
											<select id="floorrule" style="padding: 0px;font-size: 1px; height: 25px; vertical-align: bottom"></select>
											<input type="text" class="v_required col-sm-1" maxlength="3"  style="float: none;"  id="door">
											<select id="doorrule" style="padding: 0px;font-size: 1px; height: 25px; vertical-align: bottom"></select>
											<span class='star' id="errMsg"></span>
											<div class="col-md-12" style="padding: 0px;" >
												<span id="rule" class="red"></span>
											</div>
										</div>


									</div>
								</div>
							</div>
							<div class="col-md-12">
								<div class="col-md-6">
									<div class="form-group">
										<label class="col-sm-2 control-label no-padding-right" for="type">房产类型</label>
										<div class="col-sm-9">
											<select class="col-xs-10 col-sm-6 v_required" id="type" ></select>
										</div>
									</div>

									<div class="form-group">
										<label class="col-sm-2 control-label no-padding-right" for="buildArea">建筑面积</label>
										<div class="col-sm-9">
											<input type="text" id="buildArea" maxlength="7" class="col-xs-10 col-sm-6 v_required v_float" />
											<span style = "margin-left: 10px; line-height: 34px">平</span>
											<span class='star'></span>
										</div>
									</div>

									<div class="form-group">
										<label class="col-sm-2 control-label no-padding-right" for="maxFloor">最高楼层</label>
										<div class="col-sm-9">
											<input type="text" id="maxFloor" maxlength="3" class="col-xs-10 col-sm-6 v_number "/>
										</div>
									</div>

									<div class="form-group">
										<label for="through" class="col-sm-2 control-label no-padding-right">是否越层</label>
										<div class="col-sm-9">
											<select class='col-xs-10 col-sm-6' id='through' ></select>
										</div>
									</div>

									<div class="form-group">
										<label for="heatingType" class="col-sm-2 control-label no-padding-right">供暖类型</label>
										<div class="col-sm-9">
											<select class='col-xs-10 col-sm-6' id='heatingType'></select>
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										<label for="orientation" class="col-sm-3 control-label no-padding-right">房屋朝向</label>
										<div class="col-sm-9">
											<select class='col-xs-10 col-sm-6' id='orientation' ></select>
										</div>
									</div>

									<div class="form-group">
										<label class="col-sm-3 control-label no-padding-right" for="feature">三不</label>
										<div class="col-sm-9">
											<textarea id="feature" maxlength="512" class="col-xs-10 col-sm-6" rows="3" ></textarea>
										</div>
									</div>

									<div class="form-group">
										<label for="waterVapour" class="col-sm-3 control-label no-padding-right">水气设施</label>
										<div class="col-sm-9">
											<select class='col-xs-10 col-sm-6' id='waterVapour' ></select>
										</div>
									</div>

									<div class="form-group">
										<label for="parlourType" class="col-sm-3 control-label no-padding-right">客厅类型</label>
										<div class="col-sm-9">
											<select class='col-xs-10 col-sm-6' id='parlourType' ></select>
										</div>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>

			</div>
			<div class="modal-footer">
				<button type="button" id="saveHouseBtn" class="btn btn-primary">保存</button>
				<button type="button" id="cancelHouselBtn" class="btn btn-default" >取消</button>
			</div>

		</div>
	</div>
</div>

<script type="text/javascript">
	$.loadScript(['js/decoration/createOrder.js','js/utils/houseUtils.js']);
</script>